<template>
  <div class="g-hd-input" :style="{background: bg}">
        <slot></slot>
    </div>
</template>

<script>
export default {
  name: 'HeaderSearch',
  props: {
    bg: {
      type: String,
      default: "#fff"
    },
  }
}
</script>

<style scoped>
.g-hd-input {
   margin-top: 8px;
  /* background: #fff; */
  border-radius: 50px;
  height: 30px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
</style>
